<template>
    <div id="shopCartTitle">
        <div class="title">全部商品</div>
        <div class="info">
            <Row>
                <Col span="8">商品信息</Col>
                <Col span="3">商品型号</Col>
                <Col span="3">单价</Col>
                <Col span="3">数量</Col>
                <Col span="4">小计</Col>
                <Col span="3">操作</Col>
            </Row>
        </div>
    </div>
</template>

<script>
export default {
    name:'shopCartTitle'
}
</script>

<style lang="scss" scoped>
#shopCartTitle{
    width: 100%;
    margin-top: 30px;
}
.title{
    font-weight: 700;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    padding: 0 0 10px;
    cursor: pointer;
    margin: 5px 30px 0 0;
    color: crimson;
}
.info{
    width: 100%;
    height: 32px;
    margin: 0 0 10px;
    padding: 5px 0;
    background: #f3f3f3;
    border: 1px solid #e9e9e9;
}
.ivu-col-span-8{
    text-align: center;
}
.ivu-col-span-4{
    text-indent: 6em;
}
.ivu-col-span-5{
    text-indent: 2em;
}
.ivu-col-span-3{
    text-indent: 3em;
}
</style>